.horizontal {
    @apply flex relative items-center justify-between;
    min-height: 49px;
    background-color: white;
    box-sizing: border-box;

    &:not(:last-child) {
        border-bottom: 1px solid #F4F4F4;
    }

    &>div:nth-of-type(1) {
        margin-right: 28px;
        min-width: 56px;
    }

    input {
        text-align: right;

        &::placeholder {
            font-size: 14px;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #999999;
        }
    }
}

.lineFeed {
    @apply flex flex-wrap;

    &>div:nth-of-type(1) {
        width: 100%;
        // margin-top: 12px;
    }

    &>div:nth-of-type(2) {
        width: 100%;
        margin-right: 0px !important;
        // margin-top: 12px;
    }
}

.textarea {
    @apply flex-wrap;

    &>div:nth-of-type(1) {
        width: 100%;
        margin-right: 0px !important;
        margin-top: 12px;
    }

    &>div:nth-of-type(2) {
        width: 100%;
        margin-right: 0px !important;
        margin-top: 12px;
    }
}

.switch {
    @apply flex items-center justify-between;

    &>div:nth-of-type(2) {
        @apply flex items-center;
    }
}

.vertical {
    @apply flex flex-col;
    margin-left: 15px;
    margin-right: 15px;
    box-sizing: border-box;
    // padding-bottom: 17px;

    &>div:nth-child(1) {
        height: 46px;
    }

    &:not(:last-child) {
        border-bottom: 1px solid #F4F4F4;
    }
}

.required {
    &::before {
        content: '*';
        color: red;
        // margin: auto;
        margin-top: 2px;
        margin-right: 3px;
    }
}